持有注册过 ref 属性的所有 DOM 元素和组件实例

//this.$refs.ref属性名.子组件数据 //this.$refs.ref属性名.子组件方法 console.log(this.$refs.twoChildrenRef.name) console.log(this.$refs.twoChildrenRef.showMessage())

父组件：                   获取子组件的对象       const app=new Vue({       el:"#app",       components:{cpn},       methods:{         btnClick(){           //方式二、this.$refs.ref属性名.           console.log(this.$refs.twoChildrenRef.name)----调用子组件数据           console.log(this.$refs.twoChildrenRef.showMessage())----调用子组件方法         }       }     })

子组件：

  我是子组件  const cpn={    template:`#cpn`,    data(){      return {         name:"我是子组件的数据"      }    },    methods:{      showMessage(){         console.log("子方法showMessage")      }    }   }